<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>品优购登录</title>
  <link rel="shortcut icon" href="favicon.ico" />
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/login.css">
</head>

<body>
  <header class="w">
    <div class="logo">
      <a href="./index.html"><img src="./images/logo.png" alt=""></a>
    </div>
  </header>
  <div class="loginarea">
    <div class="w">
      <div class="poster">
        <img src="./upload/login/bbg.png" alt="">
      </div>
      <form action="" autocomplete="off" name="login">
        <div class="tab">
          <div class="tab_nav">
            <a href="javascript:;" data-nav="0">账户登录</a>
            <i></i>
            <a href="javascript:;" data-nav="1">扫码登录</a>
          </div>
          <div class="tab_pane">
            <ul>
              <li class="hint">公共场所不建议自动登录，以免账号丢失</li>
              <li>
                <input type="text" name="account" class="inp" placeholder="用户名/手机号" required>
              </li>
              <li>
                <input type="password" name="pw" class="inp" placeholder="请输入密码" required>
              </li>
              <li>
                <span class="agree"><input type="checkbox" name="agree">自动登录</span>
                <a href="#" class="forget">忘记密码？</a>
              </li>
              <li>
                <input type="submit">
              </li>
              <li class="app">
                <img src="./images/login/app.png" alt="">
                <a href="./register.html">立即注册</a>
              </li>
            </ul>
          </div>
          <div class="tab_pane" style="display: none;">
            <div class="code">
              <img src="./images/login/code.png" alt="">
            </div>
            <p>请用品优购App扫码登录</p>
          </div>
        </div>
      </form>
    </div>
  </div>
  <!-- 下面版权模块mod_copyright -->
  <div class="mod_copyright w">
    <ul>
      <li><a href="#">关于我们</a></li>
      <li></li>
      <li><a href="#">联系我们</a></li>
      <li></li>
      <li><a href="#">联系客服</a></li>
      <li></li>
      <li><a href="#">商家入驻</a></li>
      <li></li>
      <li><a href="#">营销中心</a></li>
      <li></li>
      <li><a href="#">手机品优购</a></li>
      <li></li>
      <li><a href="#">友情链接</a></li>
      <li></li>
      <li><a href="#">销售联盟</a></li>
      <li></li>
      <li><a href="#">品优购社区</a></li>
      <li></li>
      <li><a href="#">品优购公益</a></li>
      <li></li>
      <li><a href="#">English Site</a></li>
      <li></li>
      <li><a href="#">Contact U</a></li>
    </ul>
    <p>
      地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
      京ICP备08001421号京公网安备110108007702
    </p>
  </div>
  <script src="./js/login.js"></script>
</body>

</html>